import { Component } from 'react';
import './Stationinfo.less';

export default class Stationinfo extends Component {

  constructor(props) {
    super(props);
  }

  static defaultProps = {

  }
  static propTypes = {

  }
  render() {
    let { data } = this.props;
    return (
      <div className="mod-stationinfo">
        <div className="name">{data}:</div>
        <div className="info-all">
          <div className="info-item">
            <span>站点信息：</span>
            <span></span>
          </div>
          <div className="info-item">
            <span>车辆编号：</span>
            <span></span>
          </div>
          <div className="info-item info-item-double">
            <span>上客数量：</span>
            <span></span>
            <span>上行数量：</span>
            <span></span>
          </div>
          <div className="info-item info-item-double">
            <span>下客数量：</span>
            <span></span>
            <span>下行数量：</span>
            <span></span>
          </div>
        </div>
        <div className="info-all">
          <div className="info-item">
            <span>到站率：</span>
            <span></span>
          </div>
          <div className="info-item">
            <span>速度信息：</span>
            <span></span>
          </div>
          <div className="info-item info-item-double">
            <span>拥堵情况：</span>
            <span></span>
            <span>上客数量：</span>
            <span></span>
          </div>
          <div className="info-item info-item-double">
            <span>准点率：</span>
            <span></span>
            <span>间隔率：</span>
            <span></span>
          </div>
        </div>
      </div>
    );
  }
}
